<template>
  <mp-slideview
    :buttons="[{ src: 'https://s3.ax1x.com/2021/02/04/y1dtvq.png' }]"
    :icon="true"
    @buttontap="buttontap"
  >
    <div class="d-flex justify-space-between" @click="play">
      <div >
        <div class="fs-16">{{ item.name }}</div>
        <div class="fs-14 info--text">
          <span v-for="(it, idx) in item.artist" :key="idx">
            {{ it }}{{ item.artist.length !== idx + 1 ? "/" : "" }} </span
          >- {{ item.album }}
        </div>
      </div>
    </div>
  </mp-slideview>
</template>
<script>
import { api } from '@/api/index.js'
import axios from 'axios'

export default {
  props: {
    index: {
      type: Number,
      default: 0
    },
    item: {
      type: Object,
      default: () => ({})
    },
    source: String
  },
  data: () => ({
    bgm: '',
  }),
  created() {
    this.bgm = wx.getBackgroundAudioManager()
  },
  methods: {
    buttontap(e) {
      if (e.$_detail.index === 0) { // 下载
        api({
          types: 'url',
          id: this.item.id,
          source: this.source,
        }).then((data) => {
          wx.setClipboardData({
            data: data.url,
            success() {
              wx.showToast({
                title: '复制成功,请前往浏览器粘贴下载',
                icon: 'none',
                duration: 800,
                mask: true
              })
            }
          })
        })
      }
    },
    play() {
      api({
        types: 'url',
        id: this.item.id,
        source: this.source,
      }).then((data) => {
        this.bgm.title = this.item.name
        this.bgm.src = data.url
        this.bgm.play()

        // LivePusherContext.playBGM({
        //   filePath: data.url,
        //   success(res) {
        //     console.log(res)
        //     // const savedFilePath = res.savedFilePath
        //   }
        // })
        // wx.saveFileToDisk({
        //   filePath: data.url,
        //   success(res) {
        //     console.log(res)
        //     // const savedFilePath = res.savedFilePath
        //   }
        // })
        // wx.saveFile({
        //   tempFilePath: data.url,
        //   success(res) {
        //     console.log(res)
        //     // const savedFilePath = res.savedFilePath
        //   }
        // })
        // wx.downloadFile({
        //   url: data.url,
        //   success(res) {
        //     console.log(res)
        //     if (res.statusCode === 200) {
        //       wx.playVoice({
        //         filePath: res.tempFilePath
        //       })
        //     }
        //   }
        // })
      })
    },
  },
}
</script>
